<template>
    <div class="demo">
        <h2>学校名称：{{name}}</h2>
        <h2 class="atguigu">学校地址：{{address}}</h2>
        <hr>
    </div>
</template>

<script>
    export default {
        name: 'School',
        data() {
            console.log(this);
            return {
                name: '尚硅谷',
                address: '北京市昌平区',
            }
        },
    }
</script>

<style lang="less" scoped>
    .demo {
        background-color: rgb(181, 33, 33);
        .atguigu {
            font-size: 38px;
        }
    }
</style>